<!DOCTYPE HTML>
<html>
<head>
<title>Services</title>
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="keywords" content="" />
<script type="application/x-javascript"> addEventListener("load", function() { setTimeout(hideURLbar, 0); }, false); function hideURLbar(){ window.scrollTo(0,1); } </script>
<!-- fonts -->
<link href="http://fonts.googleapis.com/css?family=Gruppo" rel="stylesheet">
<link href="http://fonts.googleapis.com/css?family=Open+Sans:300,300i,400,400i,600,600i,700,700i,800,800i" rel="stylesheet">
<!-- /fonts -->
<!-- css -->
<link href="css/bootstrap.min.css" rel="stylesheet" type="text/css" media="all" />
<link href="css/font-awesome.min.css" rel="stylesheet" type="text/css" media="all" />
<link href='css/aos.css' rel='stylesheet prefetch' type="text/css" media="all" />
<link href="css/style.css" rel="stylesheet" type="text/css" media="all" />
<!-- /css -->
<!-- js files -->
<script src="js/modernizr.js"></script>
<!-- /js files -->
</head>
<body>
<!-- inner banner -->
<section class="inner-banner">
	<!-- navigation section -->
	<div class="navbar-wrapper">
		<div class="container">
			<nav class="navbar navbar-inverse navbar-static-top">
				<div class="navbar-header">
					<button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar" aria-expanded="false" aria-controls="navbar">
						<span class="sr-only">Toggle navigation</span>
						<span class="icon-bar"></span>
						<span class="icon-bar"></span>
						<span class="icon-bar"></span>
					</button>	
					<a class="navbar-brand" href="index.html"><h1>Armament</h1></a>
				</div>
				<div id="navbar" class="navbar-collapse collapse">
					<ul class="nav navbar-nav navbar-right cl-effect-20">
						<li><a href="index.html"><span data-hover="Home">Home</span></a></li>
						<li class="active"><a href="service.html"><span data-hover="Services">Services</span></a></li>
						<li><a href="gallery.html"><span data-hover="Gallery">Gallery</span></a></li>
						<li class="dropdown">
							<a href="#" class="dropdown-toggle" data-toggle="dropdown"><span data-hover="Shortcodes">Shortcodes</span></a>
							<ul class="dropdown-menu">
								<li><a href="typo.html">Typography</a></li>
								<li class="divider"></li>
								<li><a href="icons.html">Fontawesome Icons</a></li>
							</ul>
						</li>
						<li><a href="contact.html"><span data-hover="Contact">Contact</span></a></li>
					</ul>
				</div>
			</nav>
			<div class="search-box">
				<div id="sb-search" class="sb-search">
					<form action="#" method="post">
						<input class="sb-search-input" placeholder="Search Here" type="search" name="search" id="search">
						<input class="sb-search-submit" type="submit" value="">
						<span class="sb-icon-search"> </span>
					</form>
				</div>
			</div>
		</div>	
	</div>
	<!-- /navigation section -->
	<div class='header'>
		<h2 class="inner-header">Our Services</h2>
	</div>
</section>
<!-- /inner banner -->
<section class="service-w3ls">	
    <div class="container">   
		<h3 class="text-center">Our Service Info</h3>
		<p class="text-center">Lorem Ipsum is simply dummy text of the printing and typesetting industry.</p>
        <div class="col-lg-3 col-md-3 col-sm-6 service-agileits1" data-aos="zoom-in">
			<ul class="ch-grid">
				<li>
					<div class="ch-item ch-img-1">
						<div class="ch-info">
							<h4>Lorem Ipsum</h4>
							<p>By Armament <a href="blogpost.html">Best In Services</a></p>
						</div>
					</div>
				</li>
			</ul>
			<h5>Lorem Ipsum</h5>
			<p class="serv-agile">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent eros turpis, consectetur sit amet pretium placerat.</p>	
		</div>
		<div class="col-lg-3 col-md-3 col-sm-6 service-agileits2" data-aos="zoom-in">
			<ul class="ch-grid">
				<li>
					<div class="ch-item ch-img-2">
						<div class="ch-info">
							<h4>Adipiscing Elit</h4>
							<p>By Armament <a href="blogpost.html">Best In Services</a></p>
						</div>
					</div>
				</li>
			</ul>
			<h5>Adipiscing Elit</h5>
			<p class="serv-agile">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent eros turpis, consectetur sit amet pretium placerat.</p>
		</div>
		<div class="col-lg-3 col-md-3 col-sm-6 service-agileits3" data-aos="zoom-in">
			<ul class="ch-grid">
				<li>
					<div class="ch-item ch-img-3">
						<div class="ch-info">
							<h4>Aliquam Magna</h4>
							<p>By Armament <a href="blogpost.html">Best In Services</a></p>
						</div>
					</div>
				</li>
			</ul>
			<h5>Aliquam Magna</h5>
			<p class="serv-agile">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent eros turpis, consectetur sit amet pretium placerat.</p>
		</div>
		<div class="col-lg-3 col-md-3 col-sm-6 service-agileits4" data-aos="zoom-in">
			<ul class="ch-grid">
				<li>
					<div class="ch-item ch-img-4">
						<div class="ch-info">
							<h4>Cum Sociis</h4>
							<p>By Armament <a href="blogpost.html">Best In Services</a></p>
						</div>
					</div>
				</li>
			</ul>
			<h5>Cum Sociis</h5>
			<p class="serv-agile">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent eros turpis, consectetur sit amet pretium placerat.</p>
		</div>
		<div class="clearfix"></div>
	</div>
</section>	
<section class="divider-w3ls">
	<div class="container">	
        <div class="col-lg-12">
			<div class="hover01 column" data-aos="flip-up">
				<div>
					<figure><img class="img-responsive" src="images/divide.jpg" alt=""></figure>
				</div>
			</div>
        </div>
		<div class="clearfix"></div>
    </div>
</section>
<section class="service-wthree">
	<div class="container">	
        <!-- Service Tabs -->
		<h3 class="text-center">Service Tabs</h3>
		<p class="text-center">Lorem Ipsum is simply dummy text of the printing and typesetting industry.</p>
        <ul id="myTab" class="nav nav-tabs nav-justified" data-aos="flip-up">
			<li class="active"><a href="#service-one" data-toggle="tab"><i class="fa fa-tree"></i> Service One</a></li>
            <li class=""><a href="#service-two" data-toggle="tab"><i class="fa fa-car"></i> Service Two</a></li>
			<li class=""><a href="#service-three" data-toggle="tab"><i class="fa fa-support"></i> Service Three</a></li>
            <li class=""><a href="#service-four" data-toggle="tab"><i class="fa fa-database"></i> Service Four</a></li>
        </ul>
		<div id="myTabContent" class="tab-content" data-aos="flip-up">
            <div class="tab-pane fade active in" id="service-one">
                <h4>Service One</h4>
                <p class="serv-w3-agileits">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Quae repudiandae fugiat illo cupiditate excepturi esse officiis consectetur, laudantium qui voluptatem. Ad necessitatibus velit, accusantium expedita debitis impedit rerum totam id. Lorem ipsum dolor sit amet, consectetur adipisicing elit. Natus quibusdam recusandae illum, nesciunt, architecto, saepe facere, voluptas eum incidunt dolores magni itaque autem neque velit in. At quia quaerat asperiores.</p>
            </div>
			<div class="tab-pane fade" id="service-two">
                <h4>Service Two</h4>
                <p class="serv-w3-agileits">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Quae repudiandae fugiat illo cupiditate excepturi esse officiis consectetur, laudantium qui voluptatem. Ad necessitatibus velit, accusantium expedita debitis impedit rerum totam id. Lorem ipsum dolor sit amet, consectetur adipisicing elit. Natus quibusdam recusandae illum, nesciunt, architecto, saepe facere, voluptas eum incidunt dolores magni itaque autem neque velit in. At quia quaerat asperiores.</p>
            </div>
			<div class="tab-pane fade" id="service-three">
                <h4>Service Three</h4>
				<p class="serv-w3-agileits">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Quae repudiandae fugiat illo cupiditate excepturi esse officiis consectetur, laudantium qui voluptatem. Ad necessitatibus velit, accusantium expedita debitis impedit rerum totam id. Lorem ipsum dolor sit amet, consectetur adipisicing elit. Natus quibusdam recusandae illum, nesciunt, architecto, saepe facere, voluptas eum incidunt dolores magni itaque autem neque velit in. At quia quaerat asperiores.</p>
            </div>
            <div class="tab-pane fade" id="service-four">
                <h4>Service Four</h4>
				<p class="serv-w3-agileits">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Quae repudiandae fugiat illo cupiditate excepturi esse officiis consectetur, laudantium qui voluptatem. Ad necessitatibus velit, accusantium expedita debitis impedit rerum totam id. Lorem ipsum dolor sit amet, consectetur adipisicing elit. Natus quibusdam recusandae illum, nesciunt, architecto, saepe facere, voluptas eum incidunt dolores magni itaque autem neque velit in. At quia quaerat asperiores.</p>
            </div>
        </div>
	</div>
	<hr>
</section>
<!-- footer -->
<section class="footer-w3ls">
	<div class="container">
		<div class="col-lg-6 col-md-6 col-sm-6 footer-agileits-w3layouts1" data-aos="flip-right">
			<a href="index.html" class="footer-logo"><h3>Armament</h3></a>
			<p class="footer-w3-agileits1">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus nec elementum diam. Etiam tempus sit amet mauris in molestie. Ut lorem nunc, ultricies eu diam et, egestas sagittis nunc.</p>
			<ul class="social-icons1">
				<li><a href=""><i class="fa fa-facebook" aria-hidden="true"></i></a></li>
				<li><a href=""><i class="fa fa-twitter" aria-hidden="true"></i></a></li>
				<li><a href=""><i class="fa fa-google-plus" aria-hidden="true"></i></a></li>
				<li><a href=""><i class="fa fa-linkedin" aria-hidden="true"></i></a></li>
			</ul>
		</div>
		<div class="col-lg-6 col-md-6 col-sm-6 footer-agileits-w3layouts2" data-aos="flip-left">
			<div class="subscribe">
				<p class="footer-w3-agileits3">Subscribe to our email list and stay upto date with all our latest updates.</p>
				<form action="#" method="post">
					<div class="form-group1">
						<input class="form-control" id="mail" name="email" placeholder="Enter Your Email Address" type="email" required>
					</div>
					<div class="form-group2">
						<button class="btn btn-outline btn-lg" type="submit">Subscribe</button>
					</div>
					<div class="clearfix"></div>
				</form>
			</div>	
		</div>
		<div class="clearfix"></div>
		<hr>
		<p class="footer-w3-agileits2">Copyright &copy; 2017.Company name All rights reserved.<a target="_blank" href="http://sc.chinaz.com/moban/">&#x7F51;&#x9875;&#x6A21;&#x677F;</a></p>
	</div>
</section>
<!-- /footer -->
<!-- back to top -->
<a href="#0" class="cd-top">Top</a>
<!-- /back to top -->
<!-- js files -->
<script src="js/jquery.min.js"></script>
<script src="js/bootstrap.min.js"></script>
<script src="js/SmoothScroll.min.js"></script>
<script src="js/jquery.easing.min.js"></script>
<script src="js/grayscale.js"></script>
<!-- js for back to top -->
<script src="js/top.js"></script>
<!-- /js for back to top -->
<!-- js for inner banner -->
<script src="js/bgfader.js"></script>
<script>
var myBgFader = $('.header').bgfader([
  'images/inner1.jpg',
  'images/inner2.jpg',
  'images/inner3.jpg',
  'images/inner4.jpg',
], {
  'timeout': 3000,
  'speed': 3000,
  'opacity': 0.4
})
myBgFader.start()
</script>
<!-- /js for inner banner -->
<!-- js for search button -->
<script src="js/classie.js"></script>
<script src="js/uisearch.js"></script>
<script>
	new UISearch( document.getElementById( 'sb-search' ) );
</script>
<!-- /js for search button -->
<!-- js for bootstrap dropdown -->
<script src="js/index.js"></script>
<!-- /js for bootstrap dropdown -->
<script src='js/aos.js'></script>
<script src="js/index2.js"></script>
<!-- /js files -->
</body>
</html>
	